src/app/info/[id]/page.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

import "../info.css";
import Image from "next/image";
import Link from "next/link";

export default async function AnimeInfo({ params }) {
	let animeID = params.id;

	const info = await getAnimeInfo(animeID);

	return (
		<div className="dramaInfoContainer">
			<div className="dramaInfo">
				{info && (
					<div>
						<div className="titleContainer">
							<p>{info.title}</p>
							<Image
								src={info.image}
								width={140}
								height={190}
								alt="Drama"
							/>
						</div>
						<p className="dramaDescription">{info.description}</p>
					</div>
				)}

				<div className="buttonContainer">
					{info &&
						info.episodes.map((item, index) => (
							<Link href={`/video/${item.id}`} key={index}>
								<button className="dramaButton">
									{item.number}
								</button>
							</Link>
						))}
				</div>
			</div>
		</div>
	);
}

async function getAnimeInfo(anime_id) {
	const res = await fetch(
		"https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id
	);
	const data = res.json();
	return data;
}